<template>
  <div>
    <h1 style="color: green"></h1>
    <el-container style="height: 500px; border: 1px solid #eee">
      <el-container>
        <!-- 头部 -->
        <el-header style="text-align: right; font-size: 12px">
          <div style="width: 100%; height: 60px">
            <div style="width: 1000px; height: 60px;text-align: left">
              <i class="el-icon-s-unfold" style="width: 50px; height: 30px"></i>
              <span style="width: 50px;height: 30px;">
              </span>
            </div>
          </div>
        </el-header>
        <!-- 子路由(身体) -->
        <el-main>
          <div style="text-align: left" class="div1">
            <br />
          <!--<el-input placeholder="名称" v-model="input1" style="width:200px;margin-right:20px"></el-input> -->
            <!-- <el-select v-model="input2" placeholder="商品类型">
                  <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">
                  </el-option>
            </el-select> -->
            <!--查询-->
            <el-button type="info" icon="el-icon-search" @click="select()">查询</el-button>
            <!--添加按钮-->
            <el-button type="success" icon="el-icon-edit" @click="dialogVisible = true">新增</el-button>

          </div>


          <el-table :data="tableData">
            <el-table-column prop="stuName" label="名称" width="120">
            </el-table-column>
            <el-table-column prop="stuAge" label="年龄" width="140">
            </el-table-column>
            <el-table-column prop="stuSex" label="性别" width="120">
            </el-table-column>
            <el-table-column prop="stuGrade" label="班级" width="120">
            </el-table-column>
            <template slot-scope=""><!-- 时间转换 -->
              <el-table-column label="创建时间" width="400">
                <template slot-scope="scope">
                  <span v-html="getYMDHMS(scope.row.createTime)"></span>
                </template>

              </el-table-column>
              <el-table-column label="修改时间" width="400">
                <template slot-scope="scope">
                  <span v-html="getYMDHMS(scope.row.updateTime)"></span>
                </template>

              </el-table-column>
            </template>

            <el-table-column label="操作">
              <template slot-scope="scope">
                <!--修改按钮-->
                <el-button type="text" @click="find(scope.row.pkId),(updialogVisible = true)">修改</el-button>
                <!--删除按钮-->
                <el-button size="mini" type="danger"  @click="del(scope.row.pkId)">删除</el-button>

              </template>
            </el-table-column>
          </el-table>
        </el-main>
      </el-container>
    </el-container>
  </div>
</template>

<script>
export default {
  name: "Lianxi1",
  //页面自动加载，
  created: function () {

  },
  data() {
    return {

    };
  },
  props: {},
  methods: {




  },
};
</script>

<style scoped></style>
